Skip to main content

Module: UserProfile

Interfaces

Functions

UserProfile

UserProfile(inProps): JSX.Element

API documentation for the Community-JS User Profile Template. Learn about the available props and the CSS API.

This component renders a specific user's profile template. Take a look at our demo component here

Import

import {UserProfile} from '@selfcommunity/react-templates';

Component Name

The name SCUserProfileTemplate can be used when providing style overrides in the theme.

CSS

Rule NameGlobal classDescription
root.SCUserProfileTemplate-rootStyles applied to the root element.
counters.SCUserProfileTemplate-countersStyles applied to the counters section.
tags.SCUserProfileTemplate-tagsStyles applied to the tags section.
info.SCUserProfileTemplate-infoStyles applied to the info section.
feed.SCUserProfileTemplate-feedStyles applied to the feed section.
actions.SCUserProfileTemplate-actionsStyles applied to the actions section.

Parameters

NameType
inPropsUserProfileProps

Returns

JSX.Element

Defined in

UserProfile/UserProfile.tsx:255


UserProfileSkeleton

UserProfileSkeleton(): JSX.Element

API documentation for the Community-JS User Profile Skeleton Template. Learn about the available props and the CSS API.

Import

import {UserProfileSkeleton} from '@selfcommunity/react-templates';

Component Name

The name SCUserProfileTemplate-skeleton-root can be used when providing style overrides in the theme.

CSS

Rule NameGlobal classDescription
root.SCUserProfileTemplate-skeleton-rootStyles applied to the root element.

Returns

JSX.Element

Defined in

UserProfile/Skeleton.tsx:37